Setting Header Popup Contact Form


  1. Go to the Contact Form 7 option > Add New
  2. Create your Contact Form & copy form shortcode.
  3. Go to the Zonar Options > Header Options & from shortcode in Reservation Options
  4. You can use Bootstrap Column here. Example below.
    			<div class="col-md-6">
    			<label><i class="fal fa-user"></i></label>
    			[text* your-name placeholder "Your Name*"] 
    			</div>
    			<div class="col-md-6">
    			<label><<i class="fal fa-envelope"></i></label>
    			[email* your-email  placeholder "Your Email*"]
    			</div>
    			
  5. For Date filed type use filed code as
    			[text text-438  id:res_date placeholder "Date"]